<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			$(function(){
				$("ul li:first").css("color","red");
				$("ul li:last").css("color","gray");
				$("ul li:not(.ff)").css("border","10px outset blue");
				$("ul li:even").css("font-size","90px");
				//ol
				$("ol").css("margin","100px");
				$("ol li:eq(0)").text("红富士");
				$("ol li:gt(3)").css({"font-size":"60px","color":"red"})
				
				$(":header").css("background","blue");
				$("form :focus").css("border","12px solid red");
			});
		</script>
	</head>
	<body>
		<ul>
			<li>苹果</li>
			<li>桃子</li>
			<li>菠萝</li>
			<li>葡萄</li>
			<li>香蕉</li>
			<li class="ff">柿子</li>
			<li>梨子</li>
			<li>榴莲</li>
		</ul>
		<ol>
			<li>苹果</li>
			<li>桃子</li>
			<li>菠萝</li>
			<li>葡萄</li>
			<li>香蕉</li>
			<li class="ff">柿子</li>
			<li>梨子</li>
			<li>榴莲</li>
		</ol>
		<h2>你最喜欢的水果是</h2>
		<form action="baidu.com">
			<input type="text" name="like"/>
			<input type="submit" value="确定"/>
		</form>
	</body>
</html>
